<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title>Insert title here</title>

</head>

<body>
    <section class="container">
        <div class="left">
            <div class="menu" id="abc">
                
            </div>
        </div>
        <div class="right">
            <div class="box1"></div>
            <button onclick="clickLiu()" >点击我把</button>
            <div class="box2"></div>
        </div>
    </section>

    <script>
        // JS是一个动态、弱类型语言
        // Java 是一个静态、强类型语言

        // 动态就意味，a可以给他赋值2，之后还可以给他赋值字符串
        var a=2; //int a=2；
        console.log(a);
        a="asldjklasjdlfkjkl" // a="asldjklasjdlfkjkl";
        console.log(a);
        var b;
        console.log(b);//java 里，变量不赋值时不能访问的！
        // Java局部变量不会赋初值，但类变量会赋初值，

        function add(a,  b){
        //Java之所以有函数重载，是因为该方法传入的参数需要是不同类型
            //public  int add(int a, int b)
         //public  double add(double a, double b) add(1,2)
        // String add(String a,  String b)
        // JS不需要函数重载
            return a+b;
        }
        var c=add(5,4);
        console.log(c);
        c=add("1","2");
        console.log(c);
        function clickLiu(){
            alert('呵呵');
            document.write("欢迎来到传智播客");
        }
    </script>
</body>

</html>
